<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <link href="/css/style.css" rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <style type="text/css">
        .word-icon {
            font-family: "Helvetica", sans-serif;
            font-size: 24px;
            font-weight: bold;
            background-color: #0054a6;
            color: white;
            padding: 2px 5px;
            vertical-align: middle;
        }
    </style>
    <script type="text/javascript" src="/js/vue/vue.min.js"></script>
</head>
<body>
<section id="container">
    <section id="main-content" style="position: relative; left: -150px">
        <section class="wrapper">
            <div class="page-container">
                <div id="tab-system" class="HuiTab">
                    <div class="tabCon">
                        <div class="container">
                            <div class="row" id="app">
                                <div class="col-md-9" id="pagecontent">
                                    <table data-sort="sortDisabled" border="1px" style="width:900px " align="center">
                                        <caption>
                                            <span style="font-size: 36px; position: relative;left: 150px;"> 信 康 车 险 股 份 有 限 公 司</span></br>
                                            <span style="font-size: 30px; position: relative; left: 220px">机动车交通事故保险单</span></br>
                                            <span>保险单号：<em style="color: red;">${order.oid}</em></span>
                                        </caption>

                                        <tbody>
                                        <tr class="firstRow">
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px;">
                                                <p>
                                                    <span style="font-size: 20px;">&nbsp;被保险人</span>
                                                </p>
                                            </td>
                                            <td valign="top" colspan="8" rowspan="1"
                                                style="width:720px; color:red; font-size: 20px;">${order.user.sname}</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="5" rowspan="1" style="width:450px;">
                                                <span style="font-size: 20px;">被保险人身份证号(组织机构代码)<br/></span>
                                            </td>
                                            <td valign="top" colspan="5" rowspan="1"
                                                style="width: 450px; color:red; font-size: 20px;">${order.user.scardId}</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px;">
                                                <span style="font-size: 20px;">被保人地址<br/></span>
                                            </td>
                                            <td valign="top" colspan="4" rowspan="1"
                                                style="width:360px;color:red; font-size: 20px;">${order.user.saddress}</td>
                                            <td valign="top" colspan="2" rowspan="1" style=" width:180px;">
                                                <span style="font-size: 20px;">联系电话<br/></span>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1"
                                                style="width:180px; color:red; font-size: 20px;">${order.user.sphone}</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px ">
                                                <span style="font-size: 20px;">车牌号码</span>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1"
                                                style="width:180px; color:red; font-size: 20px;">${order.cars.licenseNum}</td>
                                            <td valign="top" colspan="2" rowspan="1" style=" width:180px">
                                                <span style="font-size:20px;">机动车类型</span>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1"
                                                style="width:180px;  color:red; font-size: 20px;">
                                            <#if order.cars.type ??>
                                                ${order.cars.type}
                                            <#else>
                                                无
                                            </#if>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1" style=" width:90px ">
                                                <span style="font-size: 20px;">使用性质</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1"
                                                style="width:90px; color:red; font-size: 20px;">非运营
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px ">
                                                <span style="font-size: 20px;"> 发动机号码</span>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1"
                                                style="width:180px;  color:red; font-size: 20px;">
                                            <#if order.cars.engineNum ??>
                                                ${order.cars.engineNum}
                                            <#else>
                                                无
                                            </#if>
                                            </td>
                                            <td valign="top" colspan="3" rowspan="1" style="width:270px ">
                                                <span style="font-size: 20px;">  车辆pin码<br/></span>
                                            </td>
                                            <td valign="top" colspan="3" rowspan="1"
                                                style="width:270px; color:red; font-size: 20px;"><#if order.cars.pinNum ??>
                                                ${order.cars.pinNum}
                                            <#else>
                                                无
                                            </#if></td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="1" rowspan="1" style=" width:90px ">
                                                <span style="font-size: 20px;">厂牌型号</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1"
                                                style="width:180px; color:red; font-size: 20px; ">
                                            <#if order.cars.brand ??>
                                                ${order.cars.brand}
                                            <#else>
                                            无
                                            </#if>
                                                <#if order.cars.brandType ??>
                                                    ${order.cars.brandType}
                                                <#else>
                                                      &nbsp;
                                                </#if>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px ">
                                                <span style="font-size: 20px;">车辆价格</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1"
                                                style="width:90px;color:red; font-size: 20px; ">
                                            <#if order.cars.price ??>
                                                ${order.cars.price}
                                            <#else>
                                                     无
                                            </#if>
                                            </td>
                                            <td valign="top" colspan="3" rowspan="1" style="width:270px ">
                                                <span style="font-size: 20px;">颜色<br/></span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1"
                                                style="width:90px;color:red; font-size: 20px; "><#if order.cars.color ??>
                                                ${order.cars.color}
                                            <#else>
                                                     无
                                            </#if>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="1" rowspan="1" style=" width:90px ">
                                                <span style="font-size: 20px;"> 出险次数</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1"
                                                style=" width:90px;color:red; font-size: 20px; ">
                                                <#if order.cars.riskNum ??>
                                                    ${order.cars.riskNum}
                                                <#else>
                                                     &nbsp;
                                                </#if>
                                                次
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1" style=" width:90px ">
                                                <span style="font-size: 20px;">评估人员</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1"
                                                style=" width:90px ;font-size:20px;color:red;">
                                             <#if order.cars.evaluator ??>
                                                 ${order.cars.evaluator}
                                             <#else>
                                                     无
                                             </#if>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1" style=" width:180px ">
                                                <span style="font-size: 20px;">登记日期<br/></span>
                                            </td>
                                            <td valign="top" colspan="3" rowspan="1"
                                                style="width:270px; color:red; font-size: 20px;">
                                            <#if order.addtime ??>
                                                ${order.addtime}
                                            <#else>
                                                     无
                                            </#if></td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px ">
                                                <span style="font-size: 20px;">死亡伤残赔偿限额<br/></span>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px ">
                                                <span style="font-size: 20px;">110000元</span>
                                            </td>
                                            <td valign="top" colspan="5" rowspan="1" style=" width:450px ">
                                                <span style="font-size: 20px;"> 无责任死亡伤残赔偿限额</span>
                                            </td>
                                            <td rowspan="1" style=" width:180px" colspan="1">
                                                <span style="font-size: 20px;">110000元</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px ">
                                                <span style="font-size: 20px;"> 医疗费用赔偿限额</span>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1" style=" width:180px ">
                                                <span style="font-size: 20px;">110000元</span>
                                            </td>
                                            <td valign="top" colspan="5" rowspan="1" style=" width:450px ">
                                                <span style="font-size: 20px;"> 无责任医疗费用赔偿限额</span>
                                            </td>
                                            <td rowspan="1" style=" width: 90px " colspan="1">
                                                <span style="font-size: 20px;">110000元</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px ">
                                                <span style="font-size: 20px;"> 财产损失赔偿限额</span>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px">
                                                <span style="font-size: 20px;">2000元</span>
                                            </td>
                                            <td valign="top" colspan="5" rowspan="1" style="width:450px">
                                                <span style="font-size: 20px;">无责任财产损失赔偿限额</span>
                                            </td>
                                            <td rowspan="1" style="width:90px" colspan="1">
                                                <span style="font-size: 20px;"> 2000元</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="10" rowspan="1" style="width: 900px">
                                                <span style="font-size: 20px;">与道路交通安全违法行为和道路交通事故相联系的浮动比率<br/></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="4" rowspan="1" style="width:360px">
                                                <span style="font-size: 20px;">保险费合计（人民币大写）</span>
                                            </td>
                                            <td valign="top" colspan="6" rowspan="1"
                                                style="width:540px;color:red; font-size: 20px;"><span
                                                    id="orderPrice"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px">
                                                <span style="font-size: 20px;">保险期限</span>
                                            </td>
                                            <td valign="top" colspan="8" rowspan="1"
                                                style="width:720px;color:red; font-size: 20px;"><span
                                                    id="datetime"></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="6" rowspan="1" style="width:540px">
                                                <span style="font-size: 20px;">保险合同争议解决方式</span>
                                            </td>
                                            <td valign="top" colspan="4" rowspan="1" style="width:360px">
                                                <span style="font-size: 20px;">诉讼<br/></span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="1" rowspan="4" style="width:90px">
                                                <p>
                                                    <span style="font-size: 20px;">代收车船税</span>
                                                </p>
                                            </td>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px">
                                                <span style="font-size: 20px;">整备质量</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1"
                                                style="width:90px;color:red; font-size: 20px;">无
                                            </td>
                                            <td valign="top" colspan="3" rowspan="1" style="width:270px">
                                                <span style="font-size: 20px;">纳税人识别号<br/></span>
                                            </td>
                                            <td valign="top" colspan="3" rowspan="1" style="width:270px"></td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px">
                                                <span style="font-size: 20px;">当年应缴</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1" style="width:90px"></td>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px">
                                                <span style="font-size: 20px;">往年补缴</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1" style="width:90px"></td>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px">
                                                <span style="font-size: 20px;">滞纳金</span>
                                            </td>
                                            <td valign="top" colspan="1" rowspan="1" style="width:90px"></td>
                                        </tr>
                                        <tr>
                                            <td valign="top" colspan="2" rowspan="1" style="width:180px">
                                                <span style="font-size: 20px;">合计(人民币)</span>
                                            </td>
                                            <td valign="top" colspan="7" rowspan="1" style="width:630px"></td>
                                        </tr>
                                        <tr>
                                            <td valign="top" style="width:270px" rowspan="1" colspan="3">
                                                <span style="font-size: 20px;">完税凭证号(减免税证明)</span>
                                            </td>
                                            <td valign="top" rowspan="1" colspan="6" style="width:540px"></td>
                                        </tr>
                                        <tr>
                                            <td width="120" valign="top" rowspan="2" colspan="1" style="width:90px">
                                                <p>
                                                    <br/>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">特别约定</span>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">&nbsp; &nbsp;</span>
                                                </p>
                                            </td>
                                            <td valign="top" rowspan="2" colspan="9" style="width:810px"></td>
                                        </tr>
                                        <tr></tr>
                                        <tr>
                                            <td width="120" valign="top" rowspan="3" colspan="1" style="width:90px">
                                                <p>
                                                    <br/>
                                                </p>
                                                <p>
                                                    <br/>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">重要提示</span>
                                                </p>
                                                <p>
                                                    <br/>
                                                </p>
                                                <p>
                                                    <br/>
                                                </p>
                                            </td>
                                            <td valign="top" rowspan="3" colspan="9" style="width:810px">
                                                <span style="font-size: 20px;">1.请详细阅读保险条款，特别是责任免除和投保人，被保险人义务。<br/></span>
                                                <p>
                                                    <span style="font-size: 20px;">2.收到本保险单后，请立即核对，如有不符合和疏漏。请及时通知保险人并办理变更或补充手续。</span>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">3.保险费一次性付清，及时核对保险单和发票（收据），如有不符请及时联系保险人。</span>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">4.被保险人应当在交通事故发生后及时通知保险人。</span>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr></tr>
                                        <tr></tr>
                                        <tr>
                                            <td width="120" valign="top" rowspan="3" colspan="1" style="width:90px">
                                                <p>
                                                    <br/>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">&nbsp;</span>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">&nbsp;公司简介</span>
                                                </p>
                                                <p>
                                                    <br/>
                                                </p>
                                            </td>
                                            <td valign="top" style="width:810px" rowspan="3" colspan="9">
                                                <p>
                                                    <span style="font-size: 20px;">公司名称：中国保险股份有限公司。</span>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">公司地址：河南省郑州市中原区冬青街26号</span>
                                                </p>
                                                <p>
                                                    <span style="font-size: 20px;">邮政编码：450000&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;服务电话：666666&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 签单日期：</span>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr></tr>
                                        <tr></tr>
                                        <tr>
                                            <td style="width:90px">
                                                <span style="font-size: 20px;">核保：</span>
                                            </td>
                                            <td style="width:180px">
                                                <span style="font-size: 20px;">自动核保</span>
                                            </td>
                                            <td style="width:90px">
                                                <span style="font-size: 20px;">制单：</span>
                                            </td>
                                            <td rowspan="1" colspan="2" style="width:180px"></td>
                                            <td style="width:90px">
                                                <span style="font-size: 20px;">经办：</span>
                                            </td>
                                            <td rowspan="1" colspan="4"
                                                style="width:270px;color:red; font-size: 20px;">
                                                 <#if order.emp.empName ??>
                                                     ${order.emp.empName}
                                                 <#else>
                                                     无
                                                 </#if>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        </br>
                        <div class="col-md-3">
                            <a class="btn btn-default jquery-word-export" href="javascript:void(0)">
                                <span class="word-icon">W</span>
                                导出word文档
                            </a>
                        </div>
                    </div>
                </div>
            </div>

        </section>
    </section>
</section>
</body>
</html>
<script type="text/javascript" src="/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="/js/word/FileSaver.js"></script>
<script type="text/javascript" src="/js/word/jquery.wordexport.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $("a.jquery-word-export").click(function (event) {
            $("#pagecontent").wordExport();
        });
    });
    var priceToUpper = function () {
        var arr = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"];
        var arr2 = ["圆", "拾", "佰", "仟", "万", "亿"];
        var arr3 = '';
        var priceString = "${order.paymoney}";
        var priceArr = priceString.split(",");
        var price = priceArr[0] + priceArr[1];
        var bigPrice = "";
        var i = 0;
        if (price > 0) {
            while (parseInt(price / 10) != 0) {
                var num1 = parseInt(price) % 10;
                if (num1 == 0) {
                    bigPrice = arr3 + arr2[0] + bigPrice;
                } else {
                    bigPrice = arr[num1] + arr2[i] + bigPrice;
                }
                price = parseInt(price) / 10;
                i++;
                if (price > 0 && price < 10) {
                    bigPrice = arr[parseInt(price)] + arr2[i] + bigPrice;
                    var regex = new RegExp("圆", 'g');
                    var result = bigPrice.match(regex);
                    var count = !result ? 0 : result.length;
                    if (count == 2) {
                        bigPrice = bigPrice.substring(0, bigPrice.length - 1);
                    }
                    return bigPrice;
                }
            }
        }

    };
    var orderPrice = priceToUpper();
    $("#orderPrice").html(orderPrice);
    ///日期加一年
    var addtime = "${order.addtime}";
    var isdate = new Date(addtime.replace(/-/g, "/"));
    var isdate = new Date((isdate / 1000 + 31536000) * 1000);
    var pdate = isdate.getFullYear() + "-" + (isdate.getMonth() + 1) + "-" + (isdate.getDate());
    $("#datetime").html(addtime + "至" + pdate);
</script>